<!doctype html>
<html ng-app="taskme">
	<head>
		<?php Yii::app()->clientScript->registerCoreScript('jquery' ); ?>
		<script src="<?php echo baseTheme();?>/js/angular/angular.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/angular-cookies.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/angular-animate.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/angular-loader.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/angular-resource.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/angular-route.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/angular-sanitize.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/angular-scenario.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/angular-touch.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/angular-strap.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/angular/text.angular.js"></script>
		
		<link href="<?php echo baseTheme();?>/css/bootstrap/css/bootstrap.min.css" media="all" rel="stylesheet" type="text/css" />
		<link href="<?php echo baseTheme();?>/css/bootstrap/css/bootstrap-responsive.min.css" media="all" rel="stylesheet" type="text/css" />
		<link href="<?php echo baseTheme();?>/css/main.css" media="all" rel="stylesheet" type="text/css" />
		<link href="<?php echo baseTheme();?>/css/zocial.css" media="all" rel="stylesheet" type="text/css" />
		<link href="<?php echo baseTheme();?>/css/font-awesome.min.css" media="all" rel="stylesheet" type="text/css" />
		
		
		<script>
		var currentUser = <?php echo (Yii::app()->user->isGuest) ? @CJSON::encode(array()) : @CJSON::encode(currentUser());?>;
		</script>
		
		<?php echo $this->meta();?>
		
		
	</head>
	<body >
		<div class="navbar " ng-controller="HeaderController">
			<div class="navbar-inner pt-navbar">
				<div class="container">

					<!-- .btn-navbar is used as the toggle for collapsed navbar content -->
					<!--<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</a>
					-->
					
					<!-- Be sure to leave the brand out there if you want it shown -->
					<a class="brand pt-logo" href="/">
						<span class="icon-bar orange"></span>
						<span class="icon-bar blue"></span>
						<span class="icon-bar red"></span>
						
					</a>
					<a class="brand pt-brand line-height-35" href="/">
						taskme
					</a>

					<!-- Everything you want hidden at 940px or less, place within here -->
					<!--<div class="nav-collapse collapse">-->
					<!-- .nav, .navbar-search, .navbar-form, etc -->
						
					<!--</div>					-->
					<div class="pull-right">
					<!-- .nav, .navbar-search, .navbar-form, etc -->
					
						<a class="btn small button white" href="javascript:void(0)" ng-hide="authorTaskMe" bs-modal="'<?php echo baseTheme();?>/template/signup.html'">SIGN UP</a>
						<a class="btn small button orange" href="javascript:void(0)" ng-hide="authorTaskMe" bs-modal="'<?php echo baseTheme();?>/template/login.html'" id="signin">SIGN IN</a>
						<ul class="nav ace-nav avatar-menu" ng-include="'<?php echo baseTheme();?>/template/nav-login.html'" ng-show="authorTaskMe">
								
						</ul>
						
						
						
						
						
					</div>

				</div>
			</div>
		</div>
		<div class="pt-padding-tblu">
		<?php
			echo $content;
		?>
		</div>
		
		<script src="<?php echo baseTheme();?>/js/boostraps/bootstrap.min.js"></script>
		<script type="text/javascript" src="<?php echo baseTheme();?>/js/jquery.tinycircleslider.min.js"></script>
		<script src="<?php echo baseTheme();?>/js/main.js"></script>
	</body>
</html>